<div id="content">
  {if $banners}
  <div id='slides'  style='border:0px solid green;padding:0px;margin:0px'>
    <div class='slides_container'>
    {foreach from=$banners item=banner}	
      <div class='slide' id="slide" >
      <a href='#' > 
      <img src='{$banner.image}' border=0>
      </a >		   
      </div>
    {/foreach}
    </div>
  </div>
  <div class="clr"></div> 
  {/if}
  <img src="{$php5WebPath}/images/promotionbar.gif" /><br />
  <ul class="home-page">
    <li>
        <a href="{$link_category}"><img src="{$php5WebPath}/images/home-occasions.gif" alt=""></a>
    </li>
    <li>
        <a href="{$link_category}"><img src="{$php5WebPath}/images/home-categories.gif" alt=""></a>
    </li>
  </ul>
  <div class="clr"></div>
  <div style="padding-top:5px;padding-left:10px">
<span class='st_facebook_hcount' displayText='Facebook'></span>
<span class='st_twitter_hcount' displayText='Tweet'></span>
<span class='st_linkedin_hcount' displayText='LinkedIn'></span>
</div>
{literal}
<script type="text/javascript">

		var yourImg = document.getElementById('slide');
		if(yourImg && yourImg.style) {
			var widthB = document.body.offsetWidth;

			//yourImg.style.height = '100px';
			yourImg.style.width = widthB + 'px';
		}
		
</script>   
{/literal}